<template>
  <div>
    <basic-container>
      <div class="basic-center" :style="'height:'+($tools.tableHeight(1)+115)+'px'">
        <div class="basic-flex">
          <h3>台词宝</h3>
          <p>怕忘词就用台词宝</p>
        </div>
      </div>
    </basic-container>
  </div>
</template>

<script>
import { mapGetters } from "vuex";

export default {
  name: "wel",
  data () {
    return {
      activeNames: ['1', '2', '3', '5'],
      logActiveNames: ['18']
    };
  },
  computed: {
    ...mapGetters(["userInfo"]),
  },
  created () {
  },
  methods: {
    handleChange (val) {
      console.log(val);
    }
  }
};
</script>

<style lang="less">
.el-divider--horizontal {
  margin: 12px 0 !important;
}
.basic-center {
  display: flex;
  justify-content: center;
  align-items: center;
  .basic-flex {
    margin-top: -300px;
    h3 {
      font-size: 28px;
      text-align: center;
      margin: 10px 0;
    }
    p {
      color: #666;
      font-size: 18px;
      text-align: center;
    }
  }
}
.el-font-size {
  font-size: 14px;
}
</style>

